<!--视频搜索页面-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="bootstrap-5.1.1-dist/css/bootstrap.min.css" >
    <style>
        body{

        }
        a{
            text-decoration: none;
            font-size: 20px;

        }
        img{
            height: 30%;
        }
    </style>
</head>
<body>
   <div class="container-fluid">
       <div class="row">
           <div class="col-3"></div>
           <div class="col-6">
               <div class="row" style="margin-top: 10%">
                   <div class="col-2"><a href="study.html"> 学习 </a></div>
                   <div class="col-2"><a href=""> 科技 </a></div>
                   <div class="col-2"><a href=""> 生活 </a></div>
                   <div class="col-2"><a href=""> 运动 </a></div>
                   <div class="col-2"><a href=""> 游戏 </a></div>
                   <div class="col-2">
                       <select class="form-select border-0" aria-label="Default select example" style="padding: 0px;font-size: 20px">
                       <option selected><center>更多</center></option>
                       <option value="1"><a href=""></a></option>
                       <option value="2"><a href=""></a></option>
                       <option value="3"><a href=""></a></option>
                   </select></div>
                   <hr style="height: 1px;border: none;border-top: 1px solid deepskyblue"/>
               </div>
               <div class="row row-cols-1 row-cols-md-5 g-4">
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>Card title</small></p>
                               <p class="card-text"><small>Card title</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>Card title</small></p>
                               <p class="card-text"><small>Card title</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>Card title</small></p>
                               <p class="card-text"><small>Card title</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>Card title</small></p>
                               <p class="card-text"><small>Card title</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>Card title</small></p>
                               <p class="card-text"><small></small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>
                   <div class="col">
                       <div class="card" >
                           <a href=""><img src="3.jpg" class="card-img-top" alt="..."></a>
                           <div class="card-body">
                               <h6 class="card-title"><a href="">标题</a></h6>
                               <p class="card-text"><small>播放量  上传时间</small></p>
                               <p class="card-text"><small>作者</small></p>
                           </div>
                       </div>
                   </div>

               </div>
               <div aria-label="Page navigation example">
                   <ul class="pagination pagination-centered">
                       <li class="page-item"><a class="page-link" href="#">上一页</a></li>
                       <li class="page-item"><a class="page-link" href="#">1</a></li>
                       <li class="page-item"><a class="page-link" href="#">2</a></li>
                       <li class="page-item"><a class="page-link" href="#">3</a></li>
                       <li class="page-item"><a class="page-link" href="#">下一页</a></li>
                   </ul>
               </div>
           </div>
           <div class="col-3"></div>
       </div>
   </div>
</body>
</html>